{__NOLAYOUT__}
    <div class="filter clearfix">
        <div class="sort">
            <select>
                <option>排序</option>
                <option>时间</option>
                <option>大小</option>
            </select>
        </div>
        <div class="filter-label">
            <label><input type="checkbox"> 电子课件</label>
            <label><input type="checkbox"> 教学视频</label>
            <a class="btn btn-danger">重置</a>
        </div>
    </div>

    <h2 class="con-title mb-20">电子课件</h2>
    <div class="card-group clearfix">
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img mb-20">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img mb-20">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                </div>
            </div>
        </div>
    </div>
    <h2 class="con-title mb-20">教学视频</h2>
    <div class="card-group clearfix">
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img mb-20">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
    </div>